﻿{% extends 'account/base.html' %}
{% load static %}

{% block top-file %}
<link rel='stylesheet' id='bs-style' href='{% static 'comment/css/bootstrap.min.css' %}' type='text/css'media='screen, print'/>
{% endblock %}

<!--主要内容块-->
{% block main %}
<div class="container">
    <div class="row">
        <div class="col-12 col-sm-8 col-md-6 offset-sm-2 offset-md-3 px-xl-5">
            <div class="card rounded-0 px-3 px-lg-4">
                <div class="card-header text-center bg-white py-2"><h3 class="my-1 text-info">登录</h3></div>
                <div class="card-body card-login">
                    <form class="login" method="POST" action="{% url 'accounts:login' %}">
                        {% csrf_token %}
                        {% if error %}
                    <div class="alert alert-block alert-danger"> <ul> <li>您提供的用户名或密码不正确。</li> </ul> </div>
                        {% endif %}
                    {% if inactive %}
                    <div class="alert alert-block alert-danger"> <ul> <li>您的账号已被封禁。</li> </ul> </div>
                        {% endif %}
                    <div id="div_id_login" class="form-group">
                        <label for="id_login" class="form-control-label  requiredField">账号<span class="asteriskField">*</span></label>
                        <div class="">
                            <input type="text" name="username" placeholder="用户名或e-mail" autofocus="autofocus" value="{{ username }}" class="textinput textInput form-control" required id="id_login" />
                        </div>
                    </div>
                        <div id="div_id_password" class="form-group">
                            <label for="id_password" class="form-control-label  requiredField">密码<span class="asteriskField">*</span> </label>
                            <div class="">
                                <input type="password" value="{{ pwd }}" name="password" placeholder="密码" class="textinput textInput form-control" required id="id_password" />
                            </div>
                        </div>
                        <div class="form-group">
                            <div id="div_id_remember" class="checkbox">
                                <label for="id_remember" class="">
                                    <input type="checkbox" name="remember" class="checkboxinput" id="id_remember" />记住我</label>
                            </div>
                        </div>

                        <input type="hidden" name="next" value="{{ next_to }}"/>

                        <a class="secondaryAction" href="{% url 'accounts:register' %}">忘记密码了？</a>

                        <button class="pull-right btn btn-info btn-sm rounded-0" type="submit">登录</button>
                        <div class="login-title">
                                            <span><a  href="{% url 'accounts:register' %}">还没账号？去注册</a></span>
                        </div>
                    </form>

</div>

            </div>
        </div>
    </div>
</div>
{% endblock main %}


